<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
        <title>Sucos Juices - a melhor opção!</title>
        <link rel="stylesheet" type="text/css" href="/web-files/reset.css" />
        <link rel="stylesheet" type="text/css" href="/web-files/style.css" />
        <script type="text/javascript" src="/web-files/scripts/jquery.js"></script>
        <script type="text/javascript" src="/web-files/scripts/selectivizr.js"></script>
        <link rel="shortcut icon" href="/web-files/favicon.ico" />
        <link rel="icon" href="/web-files/favicon.ico" />
    </head>

    <body>
        <div id="geral">
            <div id="topo">
                <h1 id="logo">
                    <a href="/index">Sucos Juices</a>
                </h1><!-- Logo -->

                <ul id="menu">
                    <li><a href="/index">Home</a></li>
                    <li><a href="/quemsomos">Quem somos</a></li>
                    <li><a href="/servicos">Serviços</a></li>
                    <li><a href="/faleconosco">Fale conosco</a></li>
                </ul><!-- Menu -->
            </div><!-- Topo -->

            <div id="corpo">
                <div id="esq">
                    <div id="paginas">
                        <?php foreach ( $view_artigo_corpo as $artigo_corpo ): ?>
                            <h1><?php echo $artigo_corpo['titulo']; ?></h1>
                            <?php echo $artigo_corpo['corpo']; ?>
                        <?php endforeach; ?>
                    </div><!-- Paginas -->
                </div><!-- Esquerda -->

                <div id="dir">
                    <div id="socials">
                        <div class="twitter">
                            <small>3498</small>
                            <p>Followers</p>
                        </div><!-- Twitter -->

                        <div class="rss">
                            <small>1549</small>
                            <p>Acessos</p>
                        </div><!-- Rss -->

                        <div class="clear"></div>
                    </div><!-- Socials -->

                    <div id="receitas">
                        <h3>Receitas:</h3>
                        <ul>
                            <?php foreach ( $view_receitas_lista as $receitas_lista ): ?>
                                <li><a href="/artigos/post/categoria/receitas/id/<?php echo $receitas_lista['id']; ?>"><?php echo $receitas_lista['titulo']; ?></a></li>
                            <?php endforeach; ?>
                        </ul>
                    </div><!-- Receitas -->
                </div><!-- Direita -->

                <div class="clear espaco-rodape"></div>
            </div><!-- Corpo -->

            <div id="rodape">
                <ul id="nav">
                    <li><a href="/index">Home</a></li>
                    <li><a href="/quemsomos">Quem somos</a></li>
                    <li><a href="/servicos">Serviços</a></li>
                    <li><a href="/faleconosco">Fale conosco</a></li>
                </ul><!-- Nav -->

                <p class="copyright">2011 - Sucos Juices - Todos os direitos reservados</p>
            </div><!-- Rodape -->
        </div><!-- Geral -->
    </body>
</html>